<!doctype html>
<html class="no-js fixed-layout">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>微讲堂管理后台</title>
<meta name="description" content="">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed"
	href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="" />
<link rel="stylesheet" href="assets/css/amazeui.min.css" />
<link rel="stylesheet" href="assets/css/admin.css">

<style>
.am-control-thumbs li {
	height: 100px; /* n 为轮播图数量 */
	width: auto;
}

.aui-chat-content {
	background-color: #b3e5fc;
/*	background-color: white;*/
	color: #212121;
	font-size: 12px;
	border-radius: 0.2rem;
	min-height: 2rem;
	position: relative;
	padding: 0.5rem;
	max-width: 80%;
	word-break: break-all;
	word-wrap: break-word;
	margin-top: 5px;
}

.aui-chat-status {
	right: 24px;
	position: absolute;
	font-size: 12px;
	top: 28px;
	color: red;
}
.am-slider-default .am-direction-nav a:before{
    color: rgb(102,102,102);
    font-size: 40px!important;
}
.am-slider-default .am-direction-nav .am-prev{
	left: -60px;
}
.am-slider-default .am-direction-nav .am-next {
	right: -60px;
}
.am-slider-default .am-control-nav{
	bottom: -50px;
}
.am-slider-default .am-control-nav li a{
	background-color: white;
}
.am-slider-default .am-control-nav li a:hover{
	background-color: white;
}
</style>
</head>


<body>
	<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，请使用Chrome、Firefox或者IE10以上版本浏览器。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->


<header class="am-topbar am-topbar-inverse admin-header">
  <div class="am-topbar-brand">
    <img src ="assets/i/nttc_white.png"></img> <small>让知识分享更生动</small>
  </div>

  <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

  <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

    <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
      <!-- <li><a href="javascript:;"><span class="am-icon-envelope-o"></span> 收件箱 <span class="am-badge am-badge-warning">5</span></a></li> -->
      <li class=""><a href="admin-index.html"><span class="am-icon-home"></span> <span class="admin-fullText">首页</span></a></li>
      <li class="am-dropdown" data-am-dropdown>
        <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
          <span class="am-icon-user"></span> <span class="wjt-username"><!-- 默认用户名称 --></span> <span class="am-icon-caret-down"></span>
        </a>
        <ul class="am-dropdown-content">
          <li><a href="admin-user.html"><span class="am-icon-user"></span> 个人资料</a></li>
          <!-- <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li> -->
          <li><a href="admin-login.html"><span class="am-icon-power-off"></span> 退出</a></li>
        </ul>
      </li>

    </ul>
  </div>
</header>
<div style="margin-top:50px;"></div>

	<input type="hidden" value="admin-live" id="pageId">
	<!-- HTML Code start!! -->

	<div class="am-g fullcontainer" style="width: 1200px !important; max-width: none; background-color: rgb(238,241,248)">

		<div class="am-u-lg-9 fullwrap" style="">

			<div class="am-g fullhide" style="height: 75px; padding: 10px;line-height:25px;">
				<div style="float:left;">
					<img src="" id="cover" style="height:55px;width:auto;">
				</div>
				<div style="float:left; margin-left: 15px;">
					<div style="font-size:16px; color:rgb(68,76,99)"><span id="roomname">&nbsp;</span></div>
					<div style="font-size:12px;color:rgb(162,171,193)">当前直播用户：<span id="username">&nbsp;</span></div>
				</div>
			</div>
			<div class="am-g fullel" style="height: 531px; padding-bottom: 5px;padding-left: 95px;
				    padding-right: 95px;
				    padding-top: 30px;
				    background: black;
				    width:890px;
				    border-bottom: 2px solid rgb(61,61,61);
				    ">

				<div id="ppt-container" style="height: 400px; width: 700px;"
					class="am-slider am-slider-default">
					<ul class="am-slides">

					</ul>
				</div>

			</div>

			<div class="am-g fullhide"
				style="    height: 55px;
    width: 890px;
    line-height: 48px;
    background: black;">
    
    <div class="am-u-lg-1" style="">
					 <img src='assets/i/entry.png'>
				</div>
   
				<div class="am-u-lg-9" style="">
				<div style="    margin-top: 10px;
    margin-left: -25px;
    position: relative;
    width: 720px;">
					<input style="
    font-size: 14px;
    border-radius: 0;
    border: none;
    background: black;
    color: white;
    border-left: 1px solid rgb(61,61,61);
    border-right: 1px solid rgb(61,61,61);
    padding-left: 15px;
    padding-right: 15px;
" type="text" id="sendMsgInput" class="am-form-field am-round"
						placeholder="输入要发送的内容" />
						</div>
				</div>
				<div class="am-u-lg-2" style="text-align: right;">
					<button type="submit" id="sendMsgBtn" class="am-btn am-btn-primary" style="border-radius:5px; color:white;background-color:rgb(221,49,49);border:none;font-size:14px;">发送</button>
				</div>
			</div>
		</div>

		<div class="am-u-lg-3 fullhide" style="background-color:rgb(31,38,56);">
		
			<div class="am-g" style="height:45px; color:white;text-align: center;
    line-height: 45px;" >		
			互动交流
			</div>
			<div style="width:100%;height:6px;background: url(assets/i/transit1.jpg) repeat">&nbsp;</div>
			<div class="am-g" id="msglist"
				style=" color: white; background-color:rgb(31,38,56); height: 600px; padding: 5px; overflow-y: auto; overflow-x: hidden; margin-top: 5px; margin-bottom: 5px;">

			</div>
		</div>

		

	</div>
	
	
	<div class="am-g fullhide" style="font-size:12px;color:white;width: 1200px !important;height:25px; max-width: none; background-color: rgb(47,119,181)">
		<span style="margin-left:10px;margin-right:5px;"><img src='assets/i/radio.png'></span>欢迎使用NTTC微路演平台PC端版本，直播可以通过APP以及微信端进行观看互动。
	</div>
	
<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="loading">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">处理中...</div>
    <div class="am-modal-bd">
      <span class="am-icon-spinner am-icon-spin"></span>
    </div>
  </div>
</div>

	<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

	<!--[if (gte IE 9)|!(IE)]><!-->
	<script src="assets/js/jquery.min.js"></script>
	<!--<![endif]-->
	<script src="assets/js/amazeui.min.js"></script>
	<script src="assets/js/handlebars.min.js"></script>
	<script src="assets/js/amazeui.widgets.helper.min.js"></script>

	<script src="assets/js/app.js"></script>

	<script type="text/javascript" id="appinit" data-baseurl="assets/js/"
		src="assets/js/require.js"></script>
	<script type="text/javascript">
		appinit($("#pageId").val());
	</script>
</body>
</html>
